<template>
	<view class="container">
		<!--头部start-->
		<view class="header">
			<u-status-bar></u-status-bar>
			<view class="index_header">
				<text :class="navIndex==0?'on':''" @click="checkIndex(0)">广告收益</text>
				<text :class="navIndex==1?'on':''" @click="checkIndex(1)">市场奖励</text>
				<text :class="navIndex==2?'on':''" @click="checkIndex(2)">资产明细</text>
				<image src="/static/images/img_31.png" mode="widthFix" class="h_close"></image>
			</view>
		</view>
		<u-status-bar></u-status-bar>
		<!--头部end-->
		
		<!--广告收益start-->
		<view v-show="navIndex==0">
			<assetsAdv></assetsAdv>
		</view>
		<!--广告收益end-->
		
		<!--市场奖励start-->
		<view v-show="navIndex==1">
			<assetsMark></assetsMark>
		</view>
		<!--市场奖励end-->
		
		<!--资产明细start-->
		<view v-show="navIndex==2">
			<assetInfo></assetInfo>
		</view>
		<!--资产明细end-->
		
	</view>
</template>

<script>
import assetsAdv from "../my/assets_adv.vue";
import assetsMark from "../my/assets_market.vue";
import assetInfo from "../my/assets_info.vue";

export default {
    components: {
        /***** mescroll S *****/
        //注册组件
        assetsAdv,assetsMark,assetInfo
        /***** mescroll E *****/
    },
    data() {
        return {
			navIndex: 0,
			
        }
    },
    methods: {
		checkIndex(index) {
			console.log(index)
			this.navIndex = index;
		},
    }
}

</script>

<style>
	@import url("../../common/style.scss");
</style>